﻿<%@ Page Title="Check In" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="CheckIn.aspx.cs" Inherits="MyLocalChurch.KidsChurch.CheckIn" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script type="text/javascript">
        $(function () {
            $(".barcode").focus();
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <asp:ScriptManager ID="scriptManager" runat="server">
    </asp:ScriptManager>
    <h2>Check In</h2>
    <asp:Label ID="lblMessage" runat="server" CssClass="message"></asp:Label>
    <h3>Church Service</h3>
    <div>
        Sunday Service:
        <asp:DropDownList ID="ddlChurchServices" runat="server"/>
    </div>
    <h3>Kid's Barcode (<a href="KidsList.aspx">No barcode?</a>):</h3>
    <div>
        <asp:TextBox ID="txtBarcode" CssClass="barcode" runat="server"
            AutoCompleteType="None" AutoPostBack="True"
            OnTextChanged="txtBarcode_TextChanged"></asp:TextBox>
        <br />
        <asp:Button ID="btnRefresh" Text="Refresh" runat="server" OnClick="btnRefresh_Click"/>
    </div>
    <div class="block">
        <asp:UpdatePanel ID="updatePanel" runat="server" Visible="False">
            <ContentTemplate>
                <h3>Kid's Information</h3>
                <div class="left">
                    <table>
                        <tr>
                            <td>First Name:</td>
                            <td><asp:Label ID="lblFirstName" runat="server"></asp:Label></td>
                        </tr>
                        <tr>
                            <td>Middle Name:</td>
                            <td><asp:Label ID="lblMiddleName" runat="server"></asp:Label></td>
                        </tr>
                        <tr>
                            <td>Last Name:</td>
                            <td><asp:Label ID="lblLastName" runat="server"></asp:Label></td>
                        </tr>
                        <tr>
                            <td>Nick Name:</td>
                            <td><asp:Label ID="lblNickName" runat="server"></asp:Label></td>
                        </tr>
                        <tr>
                            <td>Gender:</td>
                            <td><asp:Label ID="lblGender" runat="server"></asp:Label></td>
                        </tr>
                        <tr>
                            <td>Birth Date:</td>
                            <td><asp:Label ID="lblBirthDate" runat="server"></asp:Label></td>
                        </tr>
                        <tr>
                            <td>Category:</td>
                            <td><asp:Label ID="lblKidCategory" runat="server"></asp:Label></td>
                        </tr>
                        <tr>
                            <td>Allergies:</td>
                            <td><asp:TextBox ID="txtAllergies" runat="server" TextMode="MultiLine" Rows="5" ReadOnly="True"></asp:TextBox></td>
                        </tr>
                    </table>
                </div>
                <div class="right">
                    <table>
                        <tr>
                            <td>
                                Profile Photo:
                                <br />
                                <asp:Image runat="server" ID="ImagePreview" CssClass="profilePhoto" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Additional Information:
                                <br />
                                <asp:TextBox ID="txtAdditionalInformation" runat="server" TextMode="MultiLine" Rows="5" ReadOnly="True"></asp:TextBox>
                            </td>
                        </tr>
                    </table>
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    <asp:Panel ID="panelControls" runat="server" CssClass="controls" Visible="False">
        <asp:Button ID="btnCheckIn" runat="server" CssClass="submitButton" Text="Check In" OnClick="btnCheckIn_Click"/>
        <a href="#" onclick="window.history.back();">Back</a>
    </asp:Panel>
</asp:Content>
